<!doctype html>
<html> 
  <head> 
    <link href="css/bootstrap.css" rel="stylesheet" />
    <link href="css/bootstrap-theme.css" rel="stylesheet" />
    <link href='stylesheet.css' rel='stylesheet' type='text/css'>
  </head> 
  <body> 

   <div class="header"> 
     <h1>Wildlife Photography</h1> 
   </div> 
   
   <div class="nav"> 
     <div class="container"> 
       <ul> 
         <li>Home</li> 
         <li>About</li> 
         <li>Contact</li> 
       </ul> 
     </div> 
   </div> 
   
   <div class="container"> 
     <div class="row"> 

       <div class="col-md-4">
         <a href="images/p1.jpg"><img class="img-responsive" src="images/p1.jpg"></a>
       </div> 
       
       <div class="col-md-4"> 
         <a href="images/p2.jpg"><img class="img-responsive" src="images/p2.jpg"></a>
       </div> 
       
       <div class="col-md-4"> 
         <a href="images/p3.jpg"><img class="img-responsive" src="images/p3.jpg"></a>
       </div> 
     </div> 
   </div> 
   
   <div class="footer">  &copy 2016
   </div>
   <script src="js/bootstrap.min.js"></script>
  </body> 
</html>